<!DOCTYPE html>
<html lang="en">

  <head>
	  <link href="/static/favicon.ico" rel="SHORTCUT ICON" />
	  <link rel="apple-touch-icon" href="/static/ico.jpg">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>数据采集系统</title>

    <meta name="description" content="Source code generated using layoutit.com">
    <meta name="Su600" content="Su">

    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/style.css" rel="stylesheet">
		<style>
		  body {
			  position: relative;} 
		  </style>
  </head>

  <body data-spy="scroll" data-target=".navbar" data-offset="100">
			<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
				  <!-- Brand -->
				<a class="navbar-brand" href="#">
					<img src="static/avic.png" width="35px">
				</a>
  				<a class="navbar-brand" href="/">Home</a>

				 <!-- Toggler/collapsibe Button -->
				  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
					<span class="navbar-toggler-icon"></span>
				  </button>
			</nav>

		<div class="container-fluid">

			<div class="col-lg-4" style="margin: 100px 0px 60px 0px;">


				<h1>
					注册</h1>
					<h5>
						[重启失效]  已有帐号请
						{#                <a href="/login/">登录</a>#}
						<a href="{{ url_for('login') }}">登录</a>
					</h5>



				{#    action : 将表单填写的数据提交到那个URL里面进行处理, #}
				{#    url_for('register')    : 根据视图函数寻找对应的url地址,/register/ #}
				{#    method =['post', 'get'] , 这种是错误的， 提交数据只能选择一种HTTP请求方法;    #}
				<form action="{{ url_for('register') }}" method="post">
					<div class="form-group">
						<label for="exampleInputEmail1">用户名</label>

						{#   name="username"  ====> 将name里面的值username作为key值， 表单里面填写的内容作为value值， 提交到request.form              #}
						{#   type="text" : 要求填写的是一个字符串;               #}
						<input name="username" type="text" class="form-control" id="exampleInputEmail1" placeholder="Email">
					</div>
					<div class="form-group">
						<label for="exampleInputPassword1">密码</label>
						<input name="password" type="password" class="form-control" id="exampleInputPassword1"
							   placeholder="Password">
					</div>

					<div class="checkbox">
						<label>
							<input type="checkbox"> 记住密码
						</label>
					</div>
					<button type="submit" class="btn btn-success btn-block">注册</button>
				</form>


				{% if message %}
					<h5 style="color: red">{{ message }}</h5>
				{% endif %}
			</div>

			</div>


<div class="container-fluid">
	<footer class="footer">

		<div class="container-fluid" style="height:20px;">
  			<!--<h2>混合色彩进度条</h2>-->
  			<!--<p>进度条可以设置多种颜色:</p> -->
  			<div class="progress" style="height:10px; ">


				<div class="progress-bar" style="width:33.33%">
				  <!--Free Space-->
				</div>
				<div class="progress-bar bg-warning" style="width:33.33%">
				  <!--Warning-->
				</div>
				<div class="progress-bar bg-danger" style="width:33.33%">
				  <!--Danger-->
				</div>
			  </div>
		</div>

		<div class="container-fluid" style="height:50px;text-align:center">
				<!--<footer style=" ">-->
					<p style="padding-top:25px" >
						<!--<kbd>-->
							Copyright © 2020 Su600, Inc.
						<!--</kbd>-->
					</p>
				<!--</footer>-->
		</div>
	</footer>
</div>

<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/scripts.js"></script>



			</div>
		</div>
  </body>
</html>